<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<DomainModel.Entities.Event>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Pop Event - Your guide to the popular events & things
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h3>
        Coming events</h3>
    <div>
        <div class="zone_events float_left">
             <%Html.RenderPartial("EventList", Model); %> 
        </div>
        <div class="zone_map float_right">
            <!--Google map starts -->
            <div id="map_canvas_events">

                <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

                <script src="../../Scripts/Map/MultiPointsMap.js" type="text/javascript"></script>

                <script type="text/javascript">

                    // make a json request to get the map data from the Map action
                    $(document).ready(function() {
                        $.getJSON('/Event/JsonGetAllEvents?page=<%= ViewData["PageNumber"] %>', MultiPoints);
                    });


                </script>

            </div>
            <!--Google map ends-->
            <% Html.RenderPartial("ADsEventList"); %>
        </div>
        <br class="clear" />
        <div class="paging">
            Page:
            <%=  Html.PageLinks((int)ViewData["CurrentPage"],
                           (int)ViewData["TotalPages"],
                                       x => Url.Action("Index", new { page = x }))
            %>
        </div>
    </div>
</asp:Content>
